let box = document.querySelector(".box")
let bts = document.querySelectorAll('.shangbox')

let divv = document.querySelectorAll('div')



const xhr1 = new XMLHttpRequest()
xhr1.open("get","http://chst.vip:1234/api/getbrandtitle")
xhr1.onload = function(){
    if(xhr1.status === 200){
        let res = JSON.parse(xhr1.responseText)
        // console.log(res)
        let res1 = res.result
        // console.log(res1)

        let lis =''
        

        res1.forEach((item,index) => {
            lis +=`
            
            <li brandTitleId=${item.brandTitleId}>
                <a href="#">
                    <h4>${item.brandTitle}</h4>
                </a>
                <div>
                    
                </div>
            </li>
            
            `
            
        })
        box.innerHTML = lis
        $('.box').find('div').slideUp(0,function(){
            // $('.box li').css('display','block')
            $('div').prop('flag',false)
        })






        $('.box').on('click','a',function(){
            $(this).parent().find("div").slideToggle().parent().siblings().find("div").slideUp()


            // let flag = $(this).siblings().prop('flag')
            // if (flag) {
            //     $(this).siblings().slideUp(200).prop('flag', false)
            //     return
            // }
            // $(this).siblings().slideDown(200).prop('flag', true).parent().siblings().find('div').slideUp(200).prop('flag', false)
            


            let ii = $(this).parent().attr('brandtitleid')
            console.log(ii)
            
        
            const xhr2 = new XMLHttpRequest()
        xhr2.open("get",`http://chst.vip:1234/api/getbrand?brandtitleid=${ii}`)
        xhr2.onload = function(){
            if(xhr2.status === 200){
                let ress = JSON.parse(xhr2.response)
                // console.log(ress)
                let res2 = ress.result
                console.log(res2);
        
        
                let liss =''
                
                res2.forEach(function(item){
                    liss +=`
                    
                    <div class="yrs" brandId=${item.brandId}>
                        
                                <i></i>
                                <h4>${item.brandName}</h4>
                            <p>${item.brandInfo}</p>
                        
                    </div>
               
                    `
                })
                
                $('a').siblings().after().html(liss)
                
                // alert(brandid)
                
                $('.yrs').on('click',function(){
                    let brandid = $(this).attr("brandid")
                    let brandtitleid = $(this).parent().parent().attr("brandtitleid")
                    location.href = `./page12-1.html?brandtitleid=${brandtitleid}`
                })
                
        
                
            }
        }
        xhr2.send(null)
         
        
        
        
        })
        
    }
    
}

xhr1.send(null)






    






